.el-date-editor{
  line-height: rem(30px);
  width: rem(322px);

  .el-range__icon{
    font-size: rem(14px);
    margin-left: rem(5px);
    line-height: rem(32px);
    width: rem(25px);
  }
  .el-range-input, .el-range-separator{
    font-size: rem(14px);
  }

  &.el-input__inner{
    height: rem(40px);
    line-height: rem(40px);
    border-radius: rem(4px);
  }

//  type = daterange
  &.el-range-editor.el-input__inner{
    padding: rem(3px) rem(10px);
  }

}

.el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner,
.el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner{
  width: rem(350px);
}

// 下拉
.el-date-picker{
  .el-picker-panel__body{

    .el-date-picker__header--bordered{
      padding-bottom: rem(12px)
    }

    .el-date-picker__header{
      margin: rem(12px);

      .el-picker-panel__icon-btn{
        font-size: rem(12px);
        margin-top: rem(8px);
      }

      .el-date-picker__header-label{
        font-size: rem(16px);
        line-height: rem(22px);
        padding: 0 rem(5px);
      }
    }

    .el-picker-panel__content{
      width: rem(292px);
      margin: rem(15px);

      // 年月日 type="date"
      .el-date-table{
        font-size: rem(12px);
        th{
          padding: rem(5px);
        }
        td div{
          height: rem(30px);
          padding: rem(3px) 0;

          span{
            width: rem(24px);
            height: rem(24px);
            line-height: rem(24px);
          }
        }
      }

      // 年 type="year"
      .el-year-table{
        font-size: rem(12px);
        td{
          padding: rem(20px) rem(3px);

          .cell{
            width: rem(48px);
            height: rem(32px);
            line-height: rem(32px);
          }
        }
      }
    }
  }
}

